//SETTING UP OUR POPUP  
//0 means disabled; 1 means enabled;  
var popupStatus = 0;

// loading popup with jquery
function loadPopup() {
	// loads popup only if it is disabled
	if (popupStatus == 0) {
		var windowWidth = document.documentElement.clientWidth;
		var windowHeight = document.documentElement.clientHeight;
		$("#backgroundPopup").css({
			"opacity" : "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
		
		alert(parent.document.getElementById(windown.name));
	}
}




// disabling popup with jquery
function disablePopup() {
	// disables popup only if it is enabled
	if (popupStatus == 1) {
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

// centering popup
function centerPopup() {
	// request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	// centering
	$("#popupContact").css({
		"position" : "absolute",
		"top" : windowHeight/2,
		"left" : windowWidth / 2 - popupWidth / 2
	});

}

$(document).ready(function() {
	// loading popup
	// click event
	
	$(".table_image").click(function() {
		// centering with css
		
		var table=this.id;
		document.getElementById('table_frame').src='Table.jsp?tableid='+escape(table);
		//alert(document.getElementById('table_frame').src);
		centerPopup();
		// loadpopup
		loadPopup();
	});
	

	// closing popup
	$("#popupContactClose").click(function() {
		disablePopup();
	});

	$("#backgroundPopup").click(function() {
		disablePopup();
	});
	// Press Escape event!
	$(document).keypress(function(e) {
		if (e.keyCode == 27 && popupStatus == 1) {
			disablePopup();
		}
	});
})
